<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>在线报名</title>
    <link rel="stylesheet" href="../../mobile/css/basic.css">
    <link rel="stylesheet" href="../../mobile/css/signIn.css">
    <script src="../lib/basicSize.js"></script>

</head>
<body>
<!--导航栏-->
<header class="header">
    <div class="header-body">
        <a href="./homepage.html" class="logo">
            <img src="../../mobile/img/images/LOGO.jpg" alt="领航考研">
        </a>
        <a href="../../mobile/view/searchInfo.html" class="search">
            <span>搜索</span>
        </a>
        <div id="dl-menu" class="dl-menuwrapper">
            <button id="dl-menu-button">Open Menu</button>
            <ul class="dl-menu">
                <li><a href="../../mobile/view/homepage.html">首页</a></li>
                <li><a href="../../mobile/view/courseSuggest.html">课程介绍</a></li>
                <li><a href="../../mobile/view/teacherList.html">师资介绍</a></li>
                <li><a href="../../mobile/view/newsList.html">考研咨询</a></li>
                <li><a href="#">最新活动</a></li>
                <li><a href="#">招聘信息</a></li>
                <!--<li><a href="#">联系我们</a></li>-->
                <li><a href="../../mobile/view/searchCourse.html">搜索课程</a></li>
                <li>
                    <a href="#">更多</a>
                    <ul class="dl-submenu">
                        <li class="dl-back"><a href="#">返回上一级</a></li>
                        <li class="r-code">
                            <img class="qrCode" src="../../mobile/img/images/qrCode.jpg">
                            <span>领航考研公众号</span>
                            <!--<img src="../../mobile/img/images/mianfei.png">-->
                            <!--<img src="../../mobile/img/images/zaixian.png">-->
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</header>
<div class=m-modal>
    <div class=m-modal-dialog>
        <a href="javascript:history.back(-1)" class=m-modal-close></a>
        <div class=modal-img-area>
            <div class=modal-logo-area></div>
            <div class=modal-logo-bottom></div>
        </div>
        <table class=sign-modal-table>
            <tr>
                <td><span>联系人</span>
                    <input type=text placeholder=姓名></td>
                <td><span>QQ</span>
                    <input type=text placeholder=例：1932253863></td>
            </tr>
            <tr>
                <td><span>电话</span>
                    <input type=text placeholder=手机号码></td>
                <td><span>学校</span>
                    <input type=text placeholder=例：河北软件></td>
            </tr>
            <tr>
                <td><span>院系</span>
                    <input type=text placeholder=例：管理系></td>
                <td><span>专业</span>
                    <input type=text placeholder=例：工程造价></td>
            </tr>
            <tr>
                <td><span>年级</span>
                    <input type=text placeholder=例：2011级></td>
            </tr>
        </table>
        <div class=modal-idea-area>
            <button class=sign-now>立即报名</button>
            <button class=idea-upload>意见反馈</button>
        </div>
    </div>
</div>

<script src="../../mobile/lib/jquery/jquery.min.js"></script>
<!--导航栏-->
<script src="../../mobile/lib/nav/moder.js"></script>
<script src="../../mobile/lib/nav/setNav.js"></script>
<script src="../../mobile/lib/window/setWindows.js"></script>
<script>
    $(document).ready(function () {
        var m1 = new MyModal.modal(function () {
            // alert("你点击了确定");
        });
        $(".learn_more").click(function () {
            m1.show();
            document.documentElement.style.overflow = "hidden";// 禁止页面滚动
            //以下为点击时遮罩层后对应老师框状态
            $(this).addClass('clickBtnStyle');
            $(this).parent().addClass('set_teacher_backgroundOne');
            $(this).siblings('.teacher_info').children('.skillInfo').addClass('set_teacher_levelBackOne');
            $(this).siblings('.teacher_info').children().addClass('setColorOne');
        });
        $(".m-modal-close").click(function () {
            m1.hide();
            document.documentElement.style.overflow = "scroll";//使网页恢复可滚
            $(".learn_more").removeClass('clickBtnStyle');
            $('td').removeClass('set_teacher_backgroundOne');
            $('.skillInfo').removeClass('set_teacher_levelBackOne');
            $('.teacher_info').children().removeClass('setColorOne');
        });
        var m1 = new MyModal.modal(function () {
            // alert("你点击了确定");
        });
//        $("button").click(function(){
//            $("").appendTo("body");
//        });
//        $('.join-btn').click(function () {
            m1.show();
            document.documentElement.style.overflow = "hidden";// 禁止页面滚动
//        })
        $(".m-modal-close").click(function () {
            m1.hide();
            document.documentElement.style.overflow = "scroll";//使网页恢复可滚
        });
        $(document).mouseup(function (e) {//报名框外点击
            var child = $('.m-modal-dialog');   // 设置目标区域
            if (!child.is(e.target) && child.has(e.target).length === 0) {
                // 功能代码
                e.preventDefault();//阻止鼠标的默认点击事件
                e.stopImmediatePropagation();//阻止冒泡事件发生
                // return false;
            }
        });
    });
</script>
</body>
</html>
